<template>
  <div>
    <h2>双向绑定指令</h2>
    <!-- v-model 双向绑定 -->
    姓名：<input type="text" v-model="form.uname"><br />
    年龄：<input type="text" v-model.number="form.age"><br />
    薪资：<input type="text" v-model.number.lazy="form.salary"><br />
    <button @click="onAdd">确认添加</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      form:{
        uname:'',
        age:'',
        salary:''
      }
    }
  },
  methods: {
    onAdd() {
      console.log('你提交的数据是:',this.form);    
    }
  }
}
</script>

<style>

</style>